<template>
  <div>
    <div class="dialog_wrap ruxue_dialog" id="dialog_cs" :style="'display: ' + $store.state.ocblock + '; '">
      <div class="ruxuebaoming_main">
        <p class="title">
          请选择中考外地回长报名区域<span
            class="floatright login_load_close"
            @click="dialogHide()"
            >X</span
          >
        </p>
        <div class="main">
          <div class="area_wrap">
            <a href="#" class="long" onclick="goUrl('/index_ninthGrade')"
              >中心城区</a
            >
            <p>&nbsp;</p>
            <p>
              <font color="red">
                (注：中心城区指芙蓉区、天心区、岳麓区、开福区、雨花区、高新区和望城区；望城区自2020年起高中招生纳入城区统一管理，实行三年过渡期政策)</font
              >
            </p>
          </div>
          <div class="area_wrap">
            <p class="area_title">三县（市、区）</p>
            <a href="#" onclick="showMsg()">长沙县</a>
            <a href="#" onclick="showMsg()">浏阳市</a>
            <a href="#" onclick="showMsg()">宁乡市</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "OuterCounties",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    dialogHide() {
      this.$store.commit("updateOC", "none");
    },
  },
};
</script>

<style scoped>
.ruxuebaoming_main{
    height: 360px;
}
.area_wrap >a{
    margin: 0 10px;
}
</style>